<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:c="http://java.sun.com/jsp/jstl/core"
      xmlns:h="http://java.sun.com/jsf/html" >

    <body>

        <ui:composition template="/Templates/general2.xhtml">
            <ui:param name="title" value="Portal"/>

            <ui:define name="body-left">
            </ui:define>

            <ui:define name="content">
                <ui:decorate template="/Templates/elms/entradaSimple.xhtml" id="control-torneo">
                    <ui:param name="id" value="control-torneo"/>
                    <ui:param name="type" value="button" />

                    <ui:define name="content">
                        <a href="/admin/torneo/fnvoTorneo.jsf">Nuevo torneo</a>
                    </ui:define>
                </ui:decorate>
                <ui:decorate template="/Templates/elms/entrada.xhtml" id="torneos-por-anio">
                    <ui:param name="id" value="torneos-por-anio" />

                    <ui:define name="title">Torneos Registrados</ui:define>
                    <ui:define name="before">
                        <style type="text/css">            
                            div.torneos-anio ul{
                                list-style:none;
                                list-style-position:outside;
                            }
                            div.torneos-anio ul li{
                                width:99%;
                                display:block;
                                margin:3px 5px;
                                list-style:none;
                                list-style-position:outside;
                            }
                            div.torneos-anio ul li a{
                                display: block;
                                text-align:left;
                                width:99%;
                                font-size:14px !important;
                            }
                        </style>
                        <script type="text/javascript">
                            $(function(){
                                $("#pestanias-anios").tabs();
                                $("li", ".torneos-anio").button({
                                    icons: {primary: "ui-icon-circle-arrow-e"}
                                });
                            });
                        </script>
                    </ui:define>
                    <ui:define name="content">
                        <div id="pestanias-anios">
                            <c:set value="${allEventosBean.eventosPorAnio}" var="listTorneos" />
                            <ul>
                                <c:forEach items="#{listTorneos}" var="listT">
                                    <li>
                                        <h:outputLink value="#catalogo-torneos:anio-#{listT.getClave()}" >
                                            <h:outputText value="#{listT.getClave()}" />
                                        </h:outputLink>
                                    </li>
                                </c:forEach>
                            </ul>
                            <h:form id="catalogo-torneos">
                                <c:forEach items="#{listTorneos}" var="listT">
                                    <h:panelGroup layout="block" id="anio-#{listT.getClave()}" styleClass="torneos-anio" >
                                        <ul>
                                            <c:forEach items="#{listT}" var="eventoT">
                                                <li>
                                                    <h:commandLink action="#{eventoActivo.cambiarTorneo(eventoT.identificador)}" >
                                                        <h:outputText value="#{eventoT.nombre}"/>
                                                    </h:commandLink>
                                                </li>
                                            </c:forEach>
                                        </ul>
                                    </h:panelGroup>
                                </c:forEach>
                            </h:form>
                        </div> <!-- END [#pestanias-anios] -->
                    </ui:define>
                </ui:decorate>
            </ui:define>

        </ui:composition>
    </body>
</html>
